<template>
	<view>
		<view class="hot">
			 
			<view class="hot-item" v-for="(item,i) in  list" :key="i"
			@click="tourl('/pages/appointment/newsinfo?id='+item.noticeId)">
				
				<view class="hot-txt">
					<view style="display: flex;justify-content: space-between;align-items: center;">
						<view class="name">{{item.noticeTitle}}</view>
						<view class="adress">
							 {{item.createTime || ''}}
						</view>
					</view>
					
					<view class="txt" style="font-size: 24rpx;color: #7C8191;">
						{{item.describes || ''}}
					</view>
				</view>
				 
			</view>
		</view>
	</view>
</template>

<script>
	import {noticelistAPI} from "@/api/appointment.js"
	import pageing from "@/mixins/pageing.js"
	export default {
		mixins:[pageing],
		data() {
			return {
				list:[]
			}
		},
		created() {
			 this.getlist()
		},
		 
		methods:{
			getlist(){
				 
				noticelistAPI({
				  "pageNo": this.pageNo,
				  "pageSize":  this.pageSize,
				  "sourceType": 0,
				  "type":2
				}).then(res=>{
					console.log('公告',res)
					this.total=res.total 
					this.list = this.list.concat(res.data);
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
.hot{
	 background-color: #F8F8F8;
	 min-height: 100vh;
	padding: 30rpx;
	 
	.hot-item{
		display: flex;
		align-items: center;
		margin-top: 30rpx;
		background-color: #fff;
		border-radius: 10rpx;
		padding: 30rpx 20rpx; 
		.hot-txt{
			 
			flex: 1;
			padding-left: 20rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 0rpx 20rpx;
			 
			.name{
				
				font-weight: bold;
				font-size: 28rpx;
				color: #333333;
				line-height: 33rpx;
			}
			.adress{
				font-size: 24rpx;
				color: #AAAAAA;
				line-height: 28rpx;
			}
			.txt{
				font-size: 28rpx;
				color: #666666;
				line-height: 33rpx;
			}
		}
	}
}

</style>
